<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册页</title>
    <base href="${pageContext.request.contextPath }/">
    <link id="favicon" rel="shortcut icon" href="favicon.ico" type="image/svg+xml">
    <link rel="stylesheet" type="text/css" href="css/common/commonutils.css">
    <link rel="stylesheet" type="text/css" href="css/index/head.css">
    <link rel="stylesheet" type="text/css" href="css/index/foot.css">
    <link rel="stylesheet" type="text/css" href="css/register/content.css">
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
</head>
<body>
    <!-- 头部内容 -->
    <div id="head">
        <!-- 最上方的导航栏 -->
        <div id="navigation">
            <ul>
                <c:if test="${empty sessionScope.user }">
                	<li style="margin-right: 30px;">您好，请先登录~</li>
                </c:if>
                <c:if test="${not empty sessionScope.user }">              
                	<li style="margin-right: 30px;">欢迎您，${sessionScope.user.name }</li>
                </c:if>
                <li>当前所在地：地球村</li>
            </ul>
            
            <ul>
                <li>
                    <i id="shoping_cart_logo"></i>
                    <a href="shoppingcart">购物车</a>
                    <b class="shoping_cart_num">
                    <c:if test="${empty sessionScope.shoppingNum}">0</c:if>
                    <c:if test="${not empty sessionScope.shoppingNum}">${sessionScope.shoppingNum}</c:if>
                    </b>
                </li>
                <li>|</li>
                <li><a href="orders">我的订单</a></li>
                <li>|</li>
                <li id="my_home"><a href="">我的钱包</a><i>您的余额:${sessionScope.user.balance }</i></li>
                <li>|</li>
                <c:if test="${empty sessionScope.user }">
                	<li><a href="login">登录</a></li>
                </c:if>
                <c:if test="${not empty sessionScope.user }">
                	<li><a href="exit">注销</a></li>
                </c:if>
                <li>|</li>
                <li><a href="register">注册</a></li>
            </ul>
        </div>
    </div>
    <!-- logo -->
    <div id="register_logo"></div>
    <!-- 设置注册的标识 -->
    <div id="register_flag">
        <span></span>
        <p>注册</p>
    </div>
    <div id="register_content">
        <!-- 用户名和密码 -->
        <div id="register_user">
            <input type="text" placeholder="昵称（不少于3个字符）"/>
        </div>
        <div id="register_pwsd">
            <input type="password" placeholder="密码（6-16字符组成，不包含空格区分大小写）" />
        </div>

        <!-- 用来检验密码的安全指数 -->
        <div id="register_check_pwsd">         
            <div>
                <p>安全指数</p>
                <i></i>
            </div>
            <p>简单</p>
        </div>

        <!-- 设置手机注册功能（假装有） -->
        <div id="register_checkPhone">
            <p>中国大陆</p>
            <input type="text" id="register_phone" placeholder="请输入你的邮箱地址"/>
        
        </div>
        <!-- 同意协议 -->
        <div id="register_agreement">
            <input type="checkbox" />我已同意<a href="">666</a>和<a href="">999</a>协议
        </div>

        <!-- 注册功能 -->
        <div id="toRegister">注册</div>
        
    
    </div>
    <!-- 尾部 -->
    <div id="footer">Copyright 2020 由小行星个人制作的图书网站</div>
    <!-- 可爱的小火箭 -->
    <div id="goback_register" title="点击我，回到注册位置"></div>
    <script type="text/javascript" src="js/register/main.js"></script>
</body>
</html>